<template>
    <div class="essayList">
        <!--无搜索-->
        <!-- <div class="noEssayName" v-if="!essayName" v-loading="loadingEssay"> -->
		<div class="noEssayName">
            <!--  所有文章-->
            <div class="essayBefore">
                <Divider class="recDivider">所有视频</Divider>
                <!--    添加文章按钮-->
                <div class="container">
                    <!-- <el-button type="primary" class="fr" @click="toAddEssay">发表文章</el-button> -->
                    <el-row style="text-align: center;padding: 1.25rem;">
                    	分类:
						<el-button @click="chouseType()">全部</el-button>
                    	<el-button @click="chouseType('Video')">视频</el-button>
                    	<el-button @click="chouseType('Recording')">录播</el-button>
<!--                    	<el-button @click="chouseType(3)">学习</el-button>
                    	<el-button @click="chouseType(4)">Vtuber</el-button> -->
                    </el-row>
                </div>
                <ul>
					<div style="text-align: center;" v-if="test==0">
						<span style="font-size: 1.5rem;">暂无相关视频</span>
					</div>
                    <li v-for="(lists,index) in essayInfo" :key="index">
                        <div class="container pb2 pt2" style="cursor:pointer">
                            <essay-card class="e-list-card" @click.native="toEssay(lists.videoId)">
                                <div slot="card-pic" class="slot-pic">
                                    <img :src="lists.videoPicture">
                                </div>
                                <div slot="title">{{lists.videoTilie}}</div>
                                <div slot="desc" v-html="lists.videoContext"></div>
                                <div slot="author">作者：管理员</div>
                            </essay-card>
                        </div>
                    </li>
                </ul>
                <div class="moreLists">
                    <span @click="loadMore()" class="cp" v-if="test!=0">{{showMoreTitle}}</span>
                </div>
            </div>
        </div>
        <!--有搜索-->
        <!-- <div class="haveEssayName" v-else>
            <div class="essayBefore">
                <Divider class="recDivider">搜索文章</Divider>
                <ul>
                    <li v-for="(lists,index) in essayInfo" :key="index" v-if="index < listsNum">
                        <div class="container pb2 pt2" style="cursor:pointer">
                            <essay-card class="e-list-card" @click.native="toEssay(lists.id)">
                                <div slot="card-pic" class="slot-pic">
                                    <img :src="lists.url" alt="essay-pic">
                                </div>
                                <div slot="title">{{lists.title}}</div>
                                <div slot="desc" v-html="lists.oTitle"></div>
                                <div slot="author">作者：{{lists.username}}</div>
                            </essay-card>
                        </div>
                    </li>
                </ul>
                <div class="moreLists">
                    <span @click="loadMore" class="cp">{{showMoreTitle}}</span>
                </div>
            </div>
        </div> -->
    </div>
</template>

<script src="./essayList.js"></script>

<style scoped lang="scss">
    @import "essayList";
</style>
